<template>
  <!-- src: 需要正常展示的图片 -->
  <el-image :src="src">
    <template slot="error" class="image-slot">
      <!-- 如果没有图片或者图片显示错误，需要显示这个默认图片 -->
      <img src="../../assets/common/head.jpg" alt="">
    </template>
  </el-image>
</template>

<script>

export default {
  props: {
    src: {
      type: String,
      default: ''
    }
  },
  created() {
    console.log(this.src)
  }
}
</script>

<style>
.el-image{
    width: 88px;
    height: 88px;
    border-radius: 50%;
}
</style>
